/* CSS Document */


#axm{
	height: 100%;
}
body{
	font-size: 0px;
}
.swiper-pagination-bullet{
	background: #000!important;
}
.swiper-pagination-bullet-active{
	background: #ff0000!important;
}


.section{
	overflow: hidden
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{
	background: #ff0000!important;
	width: 50px;
	height: 3px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{

	width: 30px;
	height: 2.5px;
	background: #fff
}
#fp-nav ul li, .fp-slidesNav ul li{
	margin-bottom: 15px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	border-radius: 0!important;
	border: none;
}
#fp-nav.right{
	right: 10px;
}


.index{width:100%;overflow:hidden;}
.index .swiper-container{width:100%;height:100%;overflow:hidden}
.index .swiper-container .swiper-slide{width:100%;height:100%;overflow:hidden}
.index .swiper-container .swiper-slide img{display:block;
	transform:scale(1.25);
	-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-webkit-transform:scale(1.25);
-o-transform:scale(1.25);
	vertical-align:middle;transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.index .swiper-slide-active img{
	transform: scale(1)!important;
	-moz-transform: scale(1)!important;
-ms-transform: scale(1)!important;
-webkit-transform: scale(1)!important;
-o-transform: scale(1)!important;
	
}

.mouse {
	width: 22px;
	height: 33px;
	position: absolute;
	left: 50%;
	margin-left: -11px;
	bottom: 30px;
	background: url(../images/mouse.png) no-repeat;
	z-index: 999;
	animation: nudgeMouse 3s ease-out infinite;
	-webkit-animation: nudgeMouse 3s ease-out infinite;
	-moz-animation: nudgeMouse 3s ease-out infinite;
	-o-animation: nudgeMouse 3s ease-out infinite
}
@keyframes  nudgeMouse {
	0%{
		bottom:30px
	}
	50%{
		bottom:20px
	}
	100%{
		bottom:30px
	}
}
.mouse:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #fff;
	opacity: .61;
	filter: alpha(opacity=61);
	width: 2px;
	height: 5px;
	border-radius: 40%;
	animation: trackBallSlide 5s linear infinite;
	-webkit-animation: trackBallSlide 5s linear infinite;
	-moz-animation: trackBallSlide 5s linear infinite;
	-o-animation: trackBallSlide 5s linear infinite;
	transition: all .3s cubic-bezier(.455, .03, .515, .955);
	-ms-transition: all .3s cubic-bezier(.455, .03, .515, .955);
	-o-transition: all .3s cubic-bezier(.455, .03, .515, .955);
	-webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
	-moz-transition: all .3s cubic-bezier(.455, .03, .515, .955)
}



















.about{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	background: url(../images/b3.jpg) no-repeat center;
}

.aboutl{
	position: absolute;
    text-align: center;
    width: 0;
    height: 100%;
    top: 0px;
    background: url(../images/about.jpg) no-repeat 50% 50%;
    opacity: 1;
    left: 0px;
    /*transition: all .5s;
	-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;*/
	
}

.aboutr{
	width: 70%;
	right: 0;
	background: rgba(246, 246, 246, 1);
	height: 500px;
	position: absolute;
	top: 150%;
	margin-top: -200px;
	padding: 60px 0 0 0; 
}

.aconl{
	float: left;
	width: 20%;
	padding-left: 10%;
}

.aconr{
	float: left;
	width: 55%;
	margin-left: 7%;
	/*border-bottom: 1px solid rgba(233, 233, 233, 1);*/
	padding-bottom: 50px;
}

.aconl h2{
	font-size: 42px;
	margin-bottom: 15px;
}

.aconl h3{
	font-size: 18px;
	color: #666;
}

.aconr p{
	font-size: 14px;
	color: #333;
	line-height: 32px;
	text-indent: 28px;
	margin-top: 20px;
}

.aboutbottom{
	position: absolute;
	bottom: 80px;
	width: 80%;
	left: 10%;
	
}

.aboutbottom ul li{
	float: left;
	width: 30%;
	
}

.aboutbottom ul li:nth-child(2){
	margin: 0 3% 0 7%;
}

.aboutbottom .aboutimg{
	float: left;
	width: 30%;
}

.aboutbottom .aboutimg img{
	width: 80%;
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.aboutbottom ul li:hover img{
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.aboutbottom .aboutimgcon{
	float: left;
	width: 70%;
}

.aboutbottom .aboutimgcon h4{
	font-size: 18px;
	color: #000;
	margin-bottom: 15px;
}

.aboutbottom .aboutimgcon p{
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}

@media (max-width:1500px){
	.aboutbottom .aboutimgcon p{
		font-size: 13px!important;
	}
}





















.section5{
	background: url(../images/b4.jpg) no-repeat center;
}

.aboutmore{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	
}

.aboutmore ul{
	height: 100%;
}

.aboutmore ul li{
	float: left;
	width: 25%;
	background: rgba(255,255,255,.1)!important;
	border-left: 1px solid #fff;
	height: 100%;
	position: relative;

}


.aone{
	width: 80%;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 60%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
	transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-webkit-transition: all .6s;
-o-transition: all .6s;
}

.aone h2{
	font-size: 24px;
	margin-top: 100px;
	color: #555;
	transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-webkit-transition: all .6s;
-o-transition: all .6s;
}

.axian{
	background: #ff1501;
	content: "";
	transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-webkit-transition: all .6s;
-o-transition: all .6s;
	width: 30px;
	height: 1px;
	margin: 8% auto 5%;
	transition: all 0.6s;
}

.aboutmore ul li:hover .axian{
	background: #fff;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	width: 20px;
}

.aone p{
	font-size: 14px;
	line-height: 28px;
	color: #666;transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-webkit-transition: all .6s;
-o-transition: all .6s;
}

.aonea{
	margin-top: 88px;
	
}

.aonea a{
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-webkit-transition: all .6s;
-o-transition: all .6s;
	opacity: 0;
}

.aonexian{
	width: 0%;
	height: 1px;
	background: #fff;
	transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-webkit-transition: all .6s;
-o-transition: all .6s;
	
	margin: 0 auto;
	
}

.aboutmore ul li:hover .aonexian{
	width: 40%;
	
}

.aboutmore ul li:hover .aonea a{
	opacity: 1;
}

.aboutmore ul li img{
	transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-webkit-transition: all .6s;
-o-transition: all .6s;
	width: 130px;
	height: 130px;
}

.aboutmore ul li:hover img{
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
	opacity: 1;
}

.aboutmore ul li:hover .aone{
	top: 49%
}

.aboutmore ul li:hover h2,.aboutmore ul li:hover p,.aboutmore ul li:hover a{
	color: #fff;
	transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-webkit-transition: all .6s;
-o-transition: all .6s;
}

.ahei{
	height: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-webkit-transition: all .6s;
-o-transition: all .6s;
}
.aboutmore ul li:hover .ahei{
	height: 100%;
	background: rgba(255,0,0,.7)!important
}

.aoneimg{
	position: relative;
}

.aboutmore .list3-cir1 {
    position: absolute;
	display: block;
	border-radius: 50%;
	animation: cir-scale1 3s linear infinite;
	width: 120px;
	height: 120px;
	border: 1px solid #ff0000;
	margin-left: -60px;
	margin-top: -60px;
	left: 50%;
	top: 50%;
}

.aboutmore .list3-cir2 {
    position: absolute;
	display: block;
	border-radius: 50%;
	animation: cir-scale2 3s linear infinite;
	width: 120px;
	height: 120px;
	border: 1px solid #ff0000;
	margin-left: -60px;
	margin-top: -60px;
	left: 50%;
	top: 50%;
}

.aboutmore .list3-cir3 {
    position: absolute;
	display: block;
	border-radius: 50%;
	animation: cir-scale3 3s linear infinite;
	width: 120px;
	height: 120px;
	border: 1px solid #ff0000;
	margin-left: -60px;
	margin-top: -60px;
	left: 50%;
	top: 50%;
}

.aboutmore ul li:hover .list3-cir1,.aboutmore ul li:hover .list3-cir2,.aboutmore ul li:hover .list3-cir3{
	border: 1px solid #fff;
}


@keyframes cir-scale1 {
  0% {
    opacity: 0;
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    opacity: 0;
    transform: scale(1); } 
}

@keyframes cir-scale2 {
  0% {
    opacity: 0;
    transform: scale(1.2); }
  50% {
    opacity: .5;
    transform: scale(1.6); }
  100% {
    opacity: 0;
    transform: scale(1.2); } 
}

@keyframes cir-scale3 {
  0% {
    opacity: 0;
    transform: scale(1.4); }
  50% {
    opacity: .2;
    transform: scale(2); }
  100% {
    opacity: 0;
    transform: scale(1.4); } 
}























.section2{
	background: url(../images/b5.jpg) no-repeat center;
}

.section2 .swiper-pagination-bullet{
	background: #333;
}

.section2 .swiper-pagination-bullet-active{
	background: #ff0000;
}

.section2 h2{
	text-align: center;
	font-size: 30px;
	margin-bottom: 3%;
	position: relative;
	top: -50%;
	color: #000;
}

.procon{
	width: 1300px;
	margin: 0 auto;

	position: relative;
	bottom: -100%;

} 

.procon p{
	font-size: 15px;
	text-align: center;
	color: #333;
	padding: 9px 0;
	background: #fff;
}

.procon .swiper-container{
	padding-bottom: 30px;
}
@media (min-width:1500px){
	.procon .swiper-container{
	padding-bottom: 88px;
}
}

.procon .swiper-container-horizontal > .swiper-pagination-bullets,.procon .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 0!important;
}






















.section3{
	background: rgba(244,244,244,1.00);
}

.section3 .slide{
	width: 100%;
}

.section3 h2{
	text-align: center;
	font-size: 30px;
	margin-bottom: 3%;
	position: relative;
	top: -50%;
	color: #000;
}

.options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    width: 1200px;
	height: 500px;
	position: relative;
	
	left: 50%;
	margin-left: -600px;
	
}

@media screen and (max-width: 718px) {
    .options {
        min-width: 520px;
    }

    .options .option:nth-child(5) {
        display: none;
    }
}

@media screen and (max-width: 638px) {
    .options {
        min-width: 440px;
    }

    .options .option:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 558px) {
    .options {
        min-width: 360px;
    }

    .options .option:nth-child(3) {
        display: none;
    }
}

@media screen and (max-width: 478px) {
    .options {
        min-width: 280px;
    }

    .options .option:nth-child(2) {
        display: none;
    }
}

.options .option {
    position: relative;
    overflow: hidden;
    min-width: 60px;
    margin: 10px;
    background: var(--optionBackground, var(--defaultBackground, #E6E9ED));
    background-size: auto 120%;
    background-position: center;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
	width: 130px!important;
}

.options .option:nth-child(1) {
    --defaultBackground: #ED5565;
}

.options .option:nth-child(2) {
    --defaultBackground: #FC6E51;
}

.options .option:nth-child(3) {
    --defaultBackground: #FFCE54;
}

.options .option:nth-child(4) {
    --defaultBackground: #2ECC71;
}

.options .option:nth-child(5) {
    --defaultBackground: #5D9CEC;
}

.options .option:nth-child(6) {
    --defaultBackground: #AC92EC;
}

.options .option.active {
    flex-grow: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    max-width: 600px;
    margin: 0px;
    border-radius: 40px;
    background-size: auto 100%;
    /*&:active {
     transform:scale(0.9);
  }*/
}

.options .option.active .shadow {
    box-shadow: inset 0 -120px 120px -120px black, inset 0 -120px 120px -100px black;
}

.options .option.active .label {
    bottom: 20px;
    left: 0px;
}

.options .option.active .label .info>div {
    left: 0px;
    opacity: 1;
}

.options .option:not(.active) {
    flex-grow: 1;
    border-radius: 30px;
}

.options .option:not(.active) .shadow {
    bottom: -40px;
    box-shadow: inset 0 -120px 0px -120px black, inset 0 -120px 0px -100px black;
}

.options .option:not(.active) .label {
    bottom: 10px;
    left: 10px;
}

.options .option:not(.active) .label .info>div {
    left: 20px;
    opacity: 0;
}

.options .option .shadow {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100px;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.options .option .label {
    display: flex;
    position: absolute;
    right: 0px;
    height: 40px;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.options .option .label .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: white;
    color: var(--defaultBackground);
}

.options .option .label .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    
    color: white;
    white-space: pre;
	width: 100%;
	text-align: center;
}

.options .option .label .info>div {
    position: relative;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity 0.5s ease-out;
}

.options .option .label .info .main {
    font-weight: bold;
    font-size: 18px;
}

.options .option .label .info .sub {
    transition-delay: .1s;
	font-size: 14px;
	margin-top: 15px;
}

.options p{
	font-size: 16px;
	color: #fff;
}

.option.active p{
	display: none;
}





.hyfx{
    overflow: hidden;
    width: 1200px;
	position: relative;
	left: 50%;
	margin-left: -600px;	
}

.hyfx p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
}




.gsfx{
    overflow: hidden;
    width: 1200px;
	position: relative;
	left: 50%;
	margin-left: -600px;	
}
.tf-blog-body {
  overflow: hidden;
  width: 100%;
	height: 180px;
}
.tf-blog-body span.tf-blog-date {
  display: block;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}
.tf-single-blog {
    border: 1px solid #cac8c8;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}
.tf-single-blog:hover {
    border: 1px solid #ff0000;
	
}

.tf-blog-front{
	overflow: hidden;
}

.tf-blog-front img{
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.tf-single-blog:hover img{
	transform: scale(1.1);
	-moz-ransform: scale(1.1);
-ms-ransform: scale(1.1);
-webkit-ransform: scale(1.1);
-o-ransform: scale(1.1);
}

.tf-blog-body h2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 10px;
	margin-top: 20px;
	text-align: center;
}
.tf-blog-body p {
    line-height: 28px;
	font-size: 14px;
	padding: 0 20px;
}


.section3 .fp-slidesNav{
	left: 48%;
}

.section3 .fp-slidesNav ul li{
	margin: 0 30px!important;
}

.section3 .fp-slidesNav ul li a span{
	width: 50px!important;
	height: 5px!important;
	background: #333;
}

.section3 .fp-controlArrow.fp-prev{
	background: url(../images/left2.png) no-repeat 10%!important;
	width: 50px;
	height: 50px;
	border: none;
}

.section3 .fp-controlArrow.fp-next{
	background: url(../images/right2.png) no-repeat 100%!important;
	width: 50px;
	height: 50px;
	right: 50px;
	border: none;
}



















.news{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	background: url(../images/b3.jpg) no-repeat center;
}

.newsr{
	position: absolute;
    text-align: center;
    width: 0;
    height: 70%;
    top: 55%;
	transform: translateY(-50%);
    /*background: url(../images/news.jpg) no-repeat 50% 50%;*/
    opacity: 1;
    right: 10%;

}

.newsl{
	width: 40%;
	left: 10%;
	position: absolute;
	top: 150%;
	margin-top: -200px;
}

.newsl h2{
	text-align: center;
	font-size: 30px;
	margin-bottom: 5%;
}

.newsl ul li{
	float: left;
	width: 100%;
	border-bottom: 1px solid rgb(231, 231, 231);
	padding-bottom: 15px;
	margin-bottom: 20px;
	position: relative;
}

.newsl h3{
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.news a{
	color: #555;
}

.newsl span{
	float: right
}

.news ul li:hover h3{
	color: #ff0000;
}

.newsl p{
	color: #555;
	line-height: 28px;
	font-size: 14px;
	
}

.newsxian{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	background: #ff0000;
	height: 1px;
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.news ul li:hover .newsxian{
	width: 100%;
}




















.section7{
	background: url(../images/b7.jpg) no-repeat center;
}

.section7 .slide{
	width: 100%;
}

.section7 h2{
	text-align: center;
	font-size: 30px;
	margin-bottom: 3%;
	position: relative;
	top: -50%;
	color: #000;
}

.lxl{
	position: relative;
	left: -150%;
}

.lxl ul li{
	float: left;
	width: 100%;
	margin-bottom: 3%;
	transition: all 1s;
	font-size: 14px;
}

.lxl ul li:hover{
	margin-left: 1%;
	
}

.lxl ul li:nth-child(8):hover{
	margin-left: 0;
	
}

.lxl ul li .conaa{
	font-size: 14px;
	display: block;
	position: relative;
	top: 20px;
	background: #ff0000;
	color: white;
	width: 130px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.lximg{
	text-align: center;
	position: relative;
	right: -150%;

}

.lximg img{
	box-shadow: 0px 5px 10px #888;
}

.lximg p{
	font-size: 14px;
}